@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Exo+2:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap');

.bona-nova {font-family: 'Bona Nova', serif;}
.exo-2 {font-family: 'Exo 2', sans-serif;}


* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}


body {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/backrooms-9.ifrfyw..jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}



.btn{
    position: absolute;
    left: 0px;
    top: 50px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btn:hover{

    color: white;
    background-color: black;

}

.btn1{
    position: absolute;
    left: 0px;
    top: 85px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btn1:hover{

    color: white;
    background-color: black;

}

.btn2{
    position: absolute;
    left: 0px;
    top: 120px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btn2:hover{

    color: white;
    background-color: black;

}

.btn3{
    position: absolute;
    left: 0px;
    top: 155px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btn3:hover{

    color: white;
    background-color: black;

}

div{
        width: 1000px;
        margin: 0 auto;
        background: #fff
}

.lvl0 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/maxresdefault.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


.lvl1 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/Lvl_1.2.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.btnexit{
    position: absolute;
    left: 0px;
    top: 120px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btnexit{

    color: white;
    background-color: black;

}

.lvl2 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/Img_2.1.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.lvlbarnabi {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/1654307837482.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.lvl3 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/Lvl_3.1.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


.btnl{
    position: absolute;
    left: 0px;
    top: 365px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btnl:hover{

    color: white;
    background-color: black;

}
.btn4{
    position: absolute;
    left: 0px;
    top: 190px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btn4:hover{

    color: white;
    background-color: black;

}
.btn5{
    position: absolute;
    left: 0px;
    top: 225px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}

.btn5:hover{

    color: white;
    background-color: black;

}
.lvl4 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/posting-every-level-day-5-level-4-v0-62zlm3nmxob81.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.lvl5 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/187427874_ed13130a85_b.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.btn6{
    position: absolute;
    left: 0px;
    top: 260px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}
.btn6:hover{

    color: white;
    background-color: black;

}
.lvl6 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/ccxauU.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.btn7{
    position: absolute;
    left: 0px;
    top: 295px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}
.btn7:hover{

    color: white;
    background-color: black;

}
.lvl7 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/1691266861391-770244604.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.btn8{
    position: absolute;
    left: 0px;
    top: 330px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}
.btn8:hover{

    color: white;
    background-color: black;

}
.lvl8 {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/65943259.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.btnavtor{
    position: absolute;
    left: 0px;
    top: 400px;
    width: 300px;
    height: 30px;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: 900;
    color:black;
    background-color: white;
    border:0px;
    border-radius: 5px;
    

}
.btnavtor:hover{

    color: white;
    background-color: black;

}
.avtor {
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;

    background-image: url(../img/images.jpeg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}